為什麼「div」元素內只有一行文字,卻能直接寫上去?


Posted by strangedog on 2021-04-13

乳題,我發現有人會直接在「div」元素內添加文字,我好奇難道不需要特別加「p」段落嗎?

直接寫文字
<div>lorem20
</div>

有特別新增 p 元素
<div>
   <p>lorem20
   </p>
</div>

經過查詢後,若以「程式後續維護性」的觀點,會建議後者的寫法為佳。

「div」元素是一種無特定語意的「通用內容元素」,通常我們會把它當作一種容器,用來用包裹其他 HTML 元素(例如 p、a、li 等)。

因此,若直接在「div」 後面接上一段文字,則會限縮 div 容器的特性,將原本無特定語意的元素優勢,限縮成只具段落意涵的容器。

白話文說,原本 div 是個能放各式各樣物品的箱子,但若直接將箱子凹成一支筆的形狀與大小,變形的箱子就會限縮之後再放置其他物品的空間與功能。

以上就是這次的問題,我們下次見!










Related Posts

連接RabbitMQ的AMQP時碰到The protocol requested by peer '0 0 9 1' does not match expected '3 1 0 0之原因與解法

連接RabbitMQ的AMQP時碰到The protocol requested by peer '0 0 9 1' does not match expected '3 1 0 0之原因與解法

DAY3:Jaden Casting Strings

DAY3:Jaden Casting Strings

Unveiling the Mystery: Understanding the Black Dot on Your Tooth

Unveiling the Mystery: Understanding the Black Dot on Your Tooth


Comments